<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/common/taglib.jsp" %>
<%
    response.setHeader("Cache-Control","no-store, must-revalidate");
    response.setHeader("Pragma","no-cache"); 
    response.setDateHeader ("Expires", 0); 
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<meta http-equiv="Pragma" content="no-cache">   
	<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">     
	<meta http-equiv="Expires" content="Wed, 26 Feb 1997 08:21:57 GMT">   
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<link rel="stylesheet" id="cssglobal" href="/style/main/sred/global.css" type="text/css" />	
	<script src="/js/jquery-1.7.1.min.js"></script>
</head>

	<body class="allstyle">	
		<div class="top">
			<div class="toplogo"><img src="/style/main/sred/logo.png" width="180" height="26"/></div>
            <div class="toploginname">
                <div><strong>${sessionScope.username }-${sessionScope.realname }</strong>&nbsp;2011-08-30&nbsp;08:30</div>
                <div><a href="#" onClick="showtips('哈哈哈哈',2)">最近业务&nbsp;<span class="allred"><2></span></a>&nbsp;&nbsp;<a href="#" onClick="showtips('哈哈哈哈',2)">最新提醒&nbsp;<span class="allred"><3></span></a>&nbsp;&nbsp;</div>
            </div>
            <div class="alltip">
                <div class="alltipbg" id="alltipbg">宾馆修改成功</div>
            </div>
			<div class="toprightfindk">
                <div class="toprightfindksm"><span><a href="http://www.baidu.com" target="mainiframe">反馈建议</a></span><span><a href="http://www.baidu.com" target="mainiframe">帮助中心</a></span><span><a href="/user/logout">退出</a></span></div>
                <div class="topfindkann">
                    <div><input type="text" name="" class="topinput"></div>
                    <div><input type="submit" class="topsubmit" value="查询"></div>
                </div>
            </div>
		</div>
        <table class="main">
            <tbody>
            <tr>
            <td class="left">
                 <!-- 导航栏从第二个复制即可 -->
                 <div class="leftsys">
                     <span class="leftsysins"></span>
                     <span class="leftsysins_t" style="display:none"></span>
                     <span class="leftsysins2">系统设置</span>
                     <span class="leftsysins3" onClick="hideleft()"></span>
                 </div>
                 <div class="leftmenu">
                   <ul>
                    <li class="leftlibg"><a href="http://www.qq.com" target="mainiframe" class="leftmenuabg">用户管理</a></li>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                   </ul>                
                 </div>
                 
                 <div class="leftsys">
                     <span class="leftsysins" style="display:none"></span>
                     <span class="leftsysins_t"></span>
                     <span class="leftsysins2">主系统设置</span>
                 </div>
                 <div class="leftmenu" style="width:190px;overflow:hidden;display: none;">
                   <ul>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                    <li><a href="http://www.baidu.com" target="mainiframe" class="leftmenuabg">相册管理</a></li>
                    <li><a href="#" onClick="changeGlobalStyle('sred')"  class="leftmenuabg">红色风格</a></li>
                    <li><a href="#" onClick="changeGlobalStyle('slan')"  class="leftmenuabg">蓝色风格</a></li>
                   </ul>                
                 </div>                 
            </td>
            <td valign="top" class="leftsuojin" onClick="showleft()"></td>
            <td valign="top">
                <div class="left_right">
                    <iframe src="/main/user/showalluser" width="100%" height="1200px" scrolling="auto" frameborder="0" style="margin:0;" id="mainiframe" name="mainiframe"></iframe>
                </div>
            </td>
            </tr>
          </tbody>
		</table>
	</body>
</html>
<script language="javascript">
//动态调整iframe

var pagestyle = function() { var rframe = $("#mainiframe"); 
var h = $(window).height() - rframe.offset().top; rframe.height(h); }
$(function(){    
	 $(window).resize(pagestyle);   
     $("#mainiframe").load(pagestyle); 	 
});

//菜单更换背景

$(".leftmenu ul li").mouseover( function(){ 
        $(this).toggleClass("leftlibg2"); 
    } 
)
$(".leftmenu ul li").mouseout( 
    function(){ 
        $(this).toggleClass("leftlibg2"); 
    } 
)

//点击时更换li背景

$(".leftmenu ul li").click( 
    function(){ 
        $(".leftmenu ul li").removeClass("leftlibg");
		$(this).addClass("leftlibg"); 
    } 
)

//隐藏菜单
function hideleftmenu(num){
	$(".leftmenu").hide();
	$(".leftsysins").hide();
	$(".leftsysins_t").show();
}
//展开菜单
function showleftmenu(num){
	$(".leftmenu").hide();
	$(".leftsysins").hide();
	$(".leftsysins_t").show();
	
	$(".leftmenu").eq(num).show();
	$(".leftsysins").eq(num).show();
	$(".leftsysins_t").eq(num).hide();
}

//关闭其它
$(document).ready(function(){
  $(".leftsysins").click(function(){  
   var num = $('.leftsysins').index($(this)[0]);//$(this).index();
   //alert(num);
   hideleftmenu(num);   
  });
  
  $(".leftsysins_t").click(function(){
   var num = $('.leftsysins_t').index($(this)[0]);///$(this).index();	
   //alert(num);
   showleftmenu(num); 
  });
   
  $(".leftsysins2").click(function(){
   var num = $('.leftsysins2').index($(this)[0]);///$(this).index();
   var css1 = $(this).prev("span").prev("span").css("display");
   var css2 = $(this).prev("span").css("display");
   if(css1!="none"){
  	 hideleftmenu(num); 
   }else{
     showleftmenu(num); 
   }
   
  });
  
  
});


//隐藏左边导航栏
function hideleft(){
	$(".left").hide();
	$(".leftsuojin").show();
}
//显示左边导航栏
function showleft(){
	$(".left").show();
	$(".leftsuojin").hide();
}

//定时tips
function showtips(str,time){
   $("#alltipbg").text(str).show();
   var timei = setTimeout(showtipr,time*1000);
}	
function showtipr(){
   $("#alltipbg").hide();
}	
//转换全局风格
function changeGlobalStyle(style){
	$("#cssglobal").attr("href", style + "/global.css");
}

</script>